/**
 * header.css
 *
 * Styles for header
 */

#header-home {
    padding: 2.5em 2em;
}

#header-home .innerheaderleft {
    height: [[setting:headerheight]];
    background: [[setting:headerleft]] no-repeat left top;
}

#header-home .innerheaderright {
    height: [[setting:headerheight]];
    background: [[setting:headerright]] no-repeat right top;
}

#page-header {
    border-top-right-radius: [[setting:headercorner]];
    -moz-border-radius-topright: [[setting:headercorner]];
    -webkit-border-top-right-radius: [[setting:headercorner]];
    border-top-left-radius: [[setting:headercorner]];
    -moz-border-radius-topleft: [[setting:headercorner]];
    -webkit-border-top-left-radius: [[setting:headercorner]];
    overflow: hidden;
}

#page-header .headermain span {
    color: #C8C9C7;
}

#page-header .navbar {
    color: [[setting:navbar_fore]];
    background: [[setting:navbar_back]] [[setting:headermenuback]] repeat-x;
    padding: 1em 2.5em;
}

#page-header .navbar a {
    color: [[setting:navbarlink_fore]];
    background: [[setting:navbarlink_back]];
}

#page-header .headermenu a:link {
    color: [[setting:headerlink_fore]];
    background: [[setting:headerlink_back]];
}

#page-header .headermenu a:visited {
    color: [[setting:headerlink_fore]];
    background: [[setting:headerlink_back]];
}

#nologo {
    margin-top: [[setting:headertitletoppad]];
    float: left;
    overflow: hidden;
    padding-left: 3px;
}

#banner {
    height: [[setting:bannerheight]];
    width: 100%;
    background: [[setting:banner]] no-repeat center;
}

.skip-block-to {
    height: 0;
}

#headerenvelop {
    width: 100%;
}

.headerleft {
    float: left;
    width: 50%;
}

.dir-rtl .headerleft {
    float: right;
}

.headerright {
    float: right;
    width: 50%;
}

.dir-rtl .headerright {
    float: left;
}

.innerheaderleft {
    z-index: 200;
    width: 100%;
}

.headermenu {
    z-index: 250;
    margin: 0;
    clear: both;
    bottom: 0;
    padding-top: [[setting:logintop]];
}

.dir-rtl .headermenu {
    text-align: left;
}

.innerheaderright {
    position: relative;
    z-index: 225;
    width: 100%;
}

#header-home {
    color: [[setting:header_fore]];
    background-color: [[setting:header_back]];
    background: [[setting:header_back]] [[setting:headerback]] repeat-x;
    border-bottom: none;
}

.dir-rtl #header-home .innerheaderleft {
    background: [[setting:headerleft]] no-repeat right top;
}

.dir-rtl #header-home .innerheaderright {
    background: [[setting:headerright]] no-repeat left top;
}

#nologo a,
#nologo {
    color: [[setting:title_fore]] !important;
    text-shadow: -1px 1px 1px [[setting:titleshadow_fore]] !important;
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.hasnavbar #header-home {
    border-bottom-width: 0;
}

#header-home .navbar {
    width: 100%;
}

#page-header .navbar .breadcrumb {
    float: left;
}

.dir-rtl #page-header .navbar .breadcrumb {
    float: right;
}

#page-header .navbar .navbutton {
    float: right;
    margin: 0;
}

.dir-rtl #page-header .navbar .navbutton {
    float: left;
}

.dir-rtl #nologo {
    float: right;
}

#nologo.nomenu {
    width: 100%;
}

#nologo .tagline {
    margin-top: -5px;
    line-height: 23px;
}

#nologo a:hover {
    text-decoration: none;
}
